html,
body {
  height: 100%;
  font-size: 14px;
  color: #525252;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  background: #f0f2f5;
// background: #fff;
  margin: 0px;
}  
#app{
    height: 100%;
  }

.el-container{
    height: 100%;
}

.el-header {
    color: #fff;
    background-color: #17A7E8;
    line-height: 60px;
    padding: 0px;
    .header-logo{
        text-align: center;
    }
    // .header-icon{
    //     float: left;
    // }
    .el-dropdown{
        color:#fff;
    }
    .user-info{
        float: right; 
        padding-right: 20px;
        color:#fff;
        .user-icon-small {
            width: 30px;
            height: 30px;
            line-height: 60px;
            border-radius: 15px;
            vertical-align: middle;
          }
    }
}

.main-slider{
    position: relative;
    .slider-large-zoom{
      position: absolute;
      top:50%;
      right:-10%;
    }
    .slider-small-zoom{
      position: absolute;
      top:50%;
      right:-25%;
    }
}

.el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 180px;
    height: 100%;
}
.el-menu--collapse{
    height: 100%;
}
.el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    padding: 0 45px;
    min-width: 180px;
}
.el-breadcrumb{
    margin-bottom: 10px;
}

.module-body {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    padding: 10px 10px 30px 10px;
    border-radius: 6px;
    background: #fff;
    margin: 20px 0px;
  }
  .add-button {
    margin-bottom: 10px;
}

.pagination-block{
    margin-top: 10px;
    text-align: center;
}

// 归档页面
.archivePage{
    ul{
        list-style: none;
        li{
            padding: 0 0 5px 0;
            color: #5d686f;
        }
    }
}

